$(document).ready(function () {
  Obj.init()
});

Obj = {
  init() {

    this.Register.init()

    this.Login.init()

    this.Alert.init()

    $('#go-register').click(function (e) {
      e.preventDefault();
      $('#login-content').hide();
      $('#register-content').show();
      // 添加
      $('#wrapper').addClass('wrapper-center');
      $('#content').removeClass('content');
      $('#content').addClass('content-register');
      $('#bg').html(`
        <img src="./images/bac_register.jpg" />
      `);
    });

    $('#go-login').click(function (e) {
      e.preventDefault();
      $('#register-content').hide();
      $('#login-content').show();
      $('#wrapper').removeClass('wrapper-center');
      $('#bg').html(`
        <img src="./images/bac.jpg" />
      `);
    });

  },
  Alert: {
    init() {

    },
    show(message, type) {
      if (type === 'success') {
        $('#alert').removeClass('err');
        $('#alert').addClass('success');
      } else {
        $('#alert').removeClass('success');
        $('#alert').addClass('err');
      }
      $('#alert-message').text(message);

      $('#alert').show();
      const timer = setTimeout(() => {
        $('#alert').hide();
      }, 3000)

    }
  },
  Login: {
    init() {
      // 登录点击时间
      // 焦点事件
      $('#login-username').focus(function (e) {
        e.preventDefault();
        console.log(1111)
        $('#pic').html(`
        <img src="./images/step2.png" alt="" class="cartoon">
        `);
      });

      $('#login-password').focus(function (e) {
        e.preventDefault();
        console.log(2222)
        $('#pic').html(`
        <img src="./images/step3.png" alt="" class="cartoon">
        `);
      });

      $('#login-username').blur(function (e) {
        e.preventDefault();
        $('#pic').html(`
        <img src="./images/step1.png" alt="" class="cartoon">
        `);
      });

      $('#login-password').blur(function (e) {
        e.preventDefault();
        $('#pic').html(`
        <img src="./images/step1.png" alt="" class="cartoon">
        `);
      });
    }
  },
  Register: {
    init() {
      // 切换注册方式
      $('#change-type').click(function (e) {
        e.preventDefault();
        if ($('#change-type').html() === '邮箱注册') {
          $('#phone-register').hide();
          $('#email-register').show();
          $('#change-type').text('手机注册');
          $('#mechine').attr('placeholder', '邮箱地址');
        } else {
          $('#email-register').hide();
          $('#phone-register').show();
          $('#change-type').text('邮箱注册');
          $('#mechine').attr('placeholder', '手机号码');
        }
      });
    }
  }
}
